import { useRef } from "react";
const App = function () {
  const ref = useRef("text");
  const getRef = (event) => {
    if (event.keyCode === 13) {
      console.log(ref.current.value);
    }
  };

  return (
    <>
      {/* 1.典型的非受控组件,他的value数据是隐藏的二进制数据流,前端是不能够访问的,所以不能受控 */}
      <input type="file" />
      {/* 2.可以给非受控组件加一个初始值 */}
      <input type="text" defaultValue="nice" />
      {/* 3.通过ref来获取非受控组件的内容 */}
      <textarea onKeyUp={getRef} ref={ref}></textarea>
    </>
  );
};

export default App;
